.banner{
    margin-top: -1px;
    background: url(../img/index/banner.png) no-repeat;
    color: #fff;
    text-align: center;
    padding: 100px 0;
}

.banner .banner-title{
    font-size: 30px;
}
.banner .banner-content{
    font-size: 13px;
    color: #eee;
    padding: 20px 0;
}

.banner .banner-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}

.banner .banner-wrap .banner-item{
    padding: 0 50px;
}

.banner .banner-wrap .banner-item img{
    height: 250px;
}

.ad{
    background-color: #F8F8F9;
    text-align: center;
    padding: 50px 0;
}

.ad .ad-title{
    font-size: 30px;
    color: #292A2D;
}
.ad .ad-content{
    font-size: 13px;
    color: #1972AA;
    padding: 20px 0;
}

.ad img{
    width: 700px;
}

.after .after-item{
    display: flex;
    align-items: center;
    padding: 100px 200px;
    box-sizing: border-box;
}

.after-item .repair{
    flex: 1;
    padding: 0 80px;
    color: #292A2D;
    box-sizing: border-box;
}

.after-item .repair .repair-title{
    font-size: 30px;
    padding: 20px 0;
}

.after-item .repair .repair-content{
    font-size: 15px;
    color: #1972AA;
    line-height: 20px;
}

.after-item .repair .repair-content a{
    font-size: 15px;
    color: #1972AA;
    padding-top: 20px;
    display: inline-block;
}

.after-item  img{
    width: 100%;
}

.after-item .accident-pic{
    flex: 1;
}

.after-item .accident-pic img{
    width: 300px;
}

.after-item .accident-wrap{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.after-item .accident-wrap .wrap-item{
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 13px;
    color: #33343C;
    padding:  20px;
    box-sizing: border-box;
    line-height: 20px;
}

.accident-wrap .wrap-item img{
    width: 60px;
    margin-bottom: 20px;
}

.after-item .accident-content{
    flex: 1;
    padding: 0 50px;
    box-sizing: border-box;
}

.accident-content .content-title{
    font-size: 30px;
    padding: 20px 0;
}
.accident-content .content-content{
    font-size: 15px;
    color: #1972AA;
    line-height: 30px;
}

.accident-content .content-content a{
    font-size: 15px;
    color: #1972AA;
    display: inline-block;
    padding-top: 20px;
}

.recommend{
    text-align: center;
    background: url(../img/index/recommend-bg.png) repeat 100% 100%;
    height: 300px;
    color: #fff;
    box-sizing: border-box;
    padding-top: 100px;
}

.recommend .recommend-title{
    font-size: 30px;
}

.recommend .recommend-title span{
    font-size: 40px;
}
.recommend .recommend-content{
    padding-top: 50px;
}